/*
	Main ChurchInsight template Javascript/JQuery file. Version 20.Feb.2017
	WARNING - do not edit this file unless you know exactly what you are doing.
	Better to use the scriptOverRide.js file to add local changes to a template.
	If you need advice, contact ChurchInsight Support.
*/

// This file runs after the web-page has loaded, as there is a "defer" attribute on the <script> tag in the HTML header.
// The preloaded JQuery version is V1.10.2.

$(document).ready(function () 
{ 'use strict';

// Custom values set here. Change for a particular customer.
var SlideShowDefaultButtonText = 'Read more';
var bAddDarkenedOverlayForSlideShowCaptions = false;
var bSplitFooterAddressAtSecondComma = true;

// #################### Define some useful functions #######################

// We have to put all functions here, as OSX does not allow functions to be inside if statements.

// function to turn a slice name into a selector reference for the corresponding <section> tag
function GetSectionTagRef(SliceName) {
	return 'section.' + SliceName + ' ';
}

var SectionTag, SectionTags; // will be used to hold required slices
function SectionTagExists(SliceName) {
	if (SectionTags.hasClass(SliceName)) {
		SectionTag = SectionTags.filter(GetSectionTagRef(SliceName));
		if (SectionTag.length !== 0) { // at least one slice exists, great. You could have more than one in theory.
			return true;
		}
	}
	SectionTag = undefined; // remove all data.
	return false;
}

function GetRefItem(SectionTag, Ref) {
	if (typeof Ref === "string") {
		return SectionTag.find(Ref);
	} else {
		return Ref;
	}
}

// A function to easily set JQuery toggles.
// SectionTag is a $ variable.
function ApplyToggleOnClick(SectionTag, ClickRef, ToggleRef, iDelay, bShowToggleItemInitially) {

	var ClickItem = GetRefItem(SectionTag, ClickRef);
	var ToggleItem = GetRefItem(SectionTag, ToggleRef);

	if (bShowToggleItemInitially) {
		ToggleItem.show(0);
	} else {
		ToggleItem.hide(0);
	}
	// Note we add a function here. Since we are only using calling function arguements inside the function argument,
	// variable scoping correctly works.
	 ClickItem.click(function () {
		ToggleItem.toggle(iDelay);
	});
}

/*
function ApplyHideOnClick(SectionTag, ClickRef, ToHideRef) {

	var ClickItem = GetRefItem(SectionTag, ClickRef);
	var ToHideItem = GetRefItem(SectionTag, ToHideRef);

	 ClickItem.click(function () {
		ToHideItem.hide(0);
	});
}
*/

function ApplyToggleClassOnClick(SectionTag, ClickRef, ToggleRef, ClassName) {

	var ClickItem = GetRefItem(SectionTag, ClickRef);
	var ToggleItem = GetRefItem(SectionTag, ToggleRef);

	// Note we add a function here. Since we are only using calling function arguements inside the function argument,
	// variable scoping correctly works.
	 ClickItem.click(function () {
		ToggleItem.toggleClass(ClassName);
	});
}
 
function ApplyToggleVisibilityOnClick(SectionTag, ClickRef, ToggleRef, iDelay, bShowToggleItemInitially) {

	var ClickItem = GetRefItem(SectionTag, ClickRef);
	var ToggleItem = GetRefItem(SectionTag, ToggleRef);

	if (bShowToggleItemInitially) {
		ToggleItem.show(0);
	} else {
		ToggleItem.hide(0);
	}
	// Note we add a function here. Since we are only using calling function arguements inside the function argument,
	// variable scoping correctly works.
	 ClickItem.click(function () {
		ToggleItem.toggle(iDelay);
	});
}

// function to test if text exists.
var sAttrText, sAttrText2, sAttrText3, sAttrText4; // Results come back in these variables.
var DollarTextarea = $("<textarea/>"); // store this once.
function TextExists(attrText, bSplit) {

	if (attrText === undefined) {return false;}
	if (attrText === null) {return false;}

	var TextToProcess = attrText.trim();
	if (TextToProcess === '') {return false;}

	// decode the text, so that &amp;lt; becomes < etc.
	// This works by turning into HTML and then turning back into text.
	if (TextToProcess.indexOf('&') !== -1) { // we could use the .includes('&') method, but it is quite new, so some browsers can't cope.
		TextToProcess = DollarTextarea.html(TextToProcess).text();
	}
	if (TextToProcess === '') {return false;}

	sAttrText = ''; // set return values to blank.
	sAttrText2 = '';
	sAttrText3 = '';
	sAttrText4 = '';
	if (bSplit) {
		var arrSplitText = TextToProcess.split('*');
		sAttrText = arrSplitText[0].trim();
		if (arrSplitText.length > 1) {sAttrText2 = arrSplitText[1].trim();}
		if (arrSplitText.length > 2) {sAttrText3 = arrSplitText[2].trim();}
		if (arrSplitText.length > 3) {sAttrText4 = arrSplitText[3].trim();}
	} else {
		sAttrText = TextToProcess;
	}

	return (sAttrText + sAttrText2 + sAttrText3 + sAttrText4 !== '');
}

// Function to hide a column if it contains no images.
var SystemSlice;
function HideDivsIfAllEmpty(ColumnClass) {
	var ImageWrappers = SystemSlice.find('div.' + ColumnClass);
	if (ImageWrappers.find('img').length === 0) { // have to use find not children, as img tags can be inside <a> tags.
		ImageWrappers.hide(0);
	}
}

// ################### Slice activation functions go here. #########################

// All slide shows have the same defaults at present.
var BxDefaultValues;
function ActivateBxSlider(SliceName) {
	if (SectionTagExists(SliceName)) { // check if slice exists, and load into SectionTag if it does

        var bannerSlides = SectionTag.find('div.bannerSlides'); // use a "find" here, as structure of slices varies.
        var gallery_ul = bannerSlides.children('ul.gallery_ul');
        var ImageList = gallery_ul.find('img');
        if (ImageList.length === 0) {return;} // No images, so give up.

        // ul.gallery_ul must be displayed before bx-slider can be applied.
        // So since we hide it while the page was loading, we show it now.
        bannerSlides.show(0); // show the slice now. It was hidden by CSS.

        if (ImageList.length > 1) { // carry on as normal.
          gallery_ul.bxSlider(BxDefaultValues);
        } else { // Just 1 image, so we don't set up the slider, but do some minor adjustments to help the CSS.
          gallery_ul.css('margin','0px').css('list-style-type','none');
          var S = '<div class="bx-wrapper"><div class="bx-viewport"></div></div>';
          gallery_ul.wrap(S);
        }

        // Code to enable user defined text to appear over banner slides.
        ImageList.each(function() {
			var ThisImg = $(this);
			if (TextExists(ThisImg.attr('alt'), true)) { // check if there is any alt text.
				var DarkenedClass = '';
				if (bAddDarkenedOverlayForSlideShowCaptions) {DarkenedClass = ' DarkenedOverlay';}
				var title = '<div class="slideTitle' + DarkenedClass + '">' + sAttrText + '</div>';
				// even if the subtitle text is empty, we keep the div for styling reasons.
				// If there is a long caption, reduce font weight from bold to normal.
				var FontStyle = '';
				if (sAttrText2.length > 100) {FontStyle = ' style="font-weight:400;" ';}
				var subtitle = '<div class="slideText' + DarkenedClass + '"' + FontStyle + '>' + sAttrText2 + '</div>';
				
				var ButtonLink = '';
				var ButtonText = sAttrText3;
				if (ButtonText === '') {ButtonText = SlideShowDefaultButtonText;}
                var TextColor = '';
				if (ButtonText !== '' && ButtonText !== 'none'){
					var ButtonColor = sAttrText4;
                  	TextColor = sAttrText4;
					if (TextExists(ThisImg.parent().attr('href'), false)) { // check for href text. NOTE: sAttrTextX values are reset.
					
						// add button colour if we have some colour data.
						// Check for a " character, as that will spoil our HTML.
						if (ButtonColor !== '' && ButtonColor.indexOf('"') === -1) {
							ButtonColor = ' style="background-color:' + ButtonColor + ' !important;border-color:' + ButtonColor + ' !important;" ';
						}
						
						// build the completed button link.
                      //sAttrText = 'javascript:location.href="' + sAttrText + '";';
						ButtonLink = '<a class="slideButton" href="' + sAttrText + '"' + ButtonColor + '>' + ButtonText + '</a>';
					}
				}
                if(TextColor !== '') {
                  title = title.replace('<div','<div style="color:' + TextColor + ';"');
                  subtitle = subtitle.replace('<div','<div style="color:' + TextColor + ';"');
                }				
				var caption = '<div class="caption">' + title + subtitle + ButtonLink + '</div>';
				$(caption).insertAfter(this);
			}
	  });
      
      // Re-factor the HTML on touch devices, so that swiping will work.
		if(bOnTouchDevice && ImageList.length > 1){
          gallery_ul.children().children('a').each(function() { // > li > a
             var ThisA = $(this);
             if(ThisA.find('a').length === 1){
              ThisA.children().insertAfter(ThisA);
              ThisA.hide();
             }
          });
        }
      
	}
}

// define a function, so we can activate a SlickNav menu in a controlled way.
var SlickNavBtn, HeaderSlice;
var IEDy = 0, bEDopen = false;
function ActivateMenu(SliceName) {
	if (SectionTagExists(SliceName)) { // check if slice exists, and load into SectionTag if it does

	  var SectionTagRef = GetSectionTagRef(SliceName);
	  var RootMenuDeskTop = SectionTag.children('div.nav-menu').children('ul.root_menu');

	  RootMenuDeskTop.slicknav({ // activate SlickNav for this slice.
		prependTo: SectionTagRef + '> div.SlickNav_Wrapper',
		allowParentLinks: true, // Top level items can be links
		label: 'Menu',
		// Use hex escape characters here.
		closedSymbol: '&#xe900', // a logical OR "V" symbol
		openedSymbol: '&#xe901', // a nice up pointing ">" symbol
		duplicate: bDesktopScreenPossible // only need to duplicate if the desktop menus might be needed.
	  });

		// Add extra links onto the menu, to replace top-link log-out buttons etc.
		// We can only do this after the menu is initialised, so that class "slicknav_nav" exists.
      	var ExtraLink_0 = '';
		var ExtraLink_1, ExtraLink_2;
		if (bUserLoggedIn) {
      		ExtraLink_0 = '<li class="ExtraLink"><a href="/MyArea/Introduction.aspx"><i class="icomoon-TopLinks-MyArea"></i>My Area</a></li>';
          	ExtraLink_1 = '<li class="ExtraLink"><a href="/User/Logout.aspx"><i class="journey-icon-login"></i>Logout</a></li>';
			ExtraLink_2 = '<li class="ExtraLink"><a href="/Admin/Default.aspx"><i class="icomoon-TopLinks-WebOffice"></i>Web Office</a></li>';
		  } else {
			ExtraLink_1 = '<li class="ExtraLink"><a href="/user/login.aspx"><i class="journey-icon-login"></i>Login</a></li>';
			ExtraLink_2 = '<li class="ExtraLink"><a href="/User/Registration.aspx"><i class="icomoon-TopLinks-Register"></i>Register</a></li>';
		  }
		  var ExtraLink_3 = '<li class="ExtraLink SearchOpen"><a><i class="journey-icon-search"></i>Search</a></li>';
		  var SlickNavLastItem = SectionTagRef + 'ul.slicknav_nav > li:last-child';
		  $(ExtraLink_0 + ExtraLink_1 + ExtraLink_2 + ExtraLink_3).insertAfter(SlickNavLastItem);

		if (bOnTouchDevice && bDesktopScreenPossible) { // have to do more work on menus.

			// Having made the SlickNav menu - delete what we don't want.
			
			SectionTag.children("div.SlickNav_Wrapper").children("div.slicknav_menu").children('ul.slicknav_nav').find('li.SlickNavNotNeeded').remove();

			// deactivate the top level <a> tag in the desk-top version so touch-screens work correctly.
			// The link goes nowhere, but retains all the styling.
			RootMenuDeskTop.children("li.has_sub_menu").children('a').removeAttr("href");
		}

		// Add a close menu icon into slickNav.
		var SlickNavIcon = SectionTag.find('span.slicknav_icon');
		$('<div class="SlickNavCloseIcon"></div>').insertAfter(SlickNavIcon);

		// apply all the visibility on-clicks to make the menu slice work.

		// Find some commonly used items.
		var SearchOverlay = SectionTag.parent().children("div.search-overlay");
      	var MobileSearchOpen = SectionTag.find("div.SlickNav_Wrapper li.ExtraLink.SearchOpen");
		SlickNavBtn = SectionTag.find("a.slicknav_btn");
		//var Logo = SectionTag.find("div.logo-container");

		//ApplyToggleOnClick(SectionTag, "li.ExtraLink.SearchOpen", SearchOverlay, 0, false);
      	// Open search function.
      	MobileSearchOpen.click(function(){
          SearchOverlay.addClass('On');
          SearchOverlay.find('input.text').focus();
        });
      
		//ApplyToggleOnClick(SectionTag, "div.top-link-wrapper a:nth-child(3)", SearchOverlay, 0, false);
		//ApplyToggleVisibilityOnClick(SectionTag, "div.top-link-wrapper a:last-child", SearchOverlay, 0, false);

      	//ApplyHideOnClick(SectionTag, "a.search-close", SearchOverlay);
		//ApplyHideOnClick(undefined, SlickNavBtn, SearchOverlay);
		// Toggles for menu-bars and menu-close icons
		ApplyToggleOnClick(undefined, SlickNavBtn, SlickNavIcon, 0, true); // no delay on the toggle.
		ApplyToggleOnClick(SectionTag, SlickNavBtn, "div.SlickNavCloseIcon", 0, false); // no delay on the toggle.

      	// Make fixed slicknav scrollable.
		var Mask = SectionTag.parent().children('div.MobileMenuMask');
      	ApplyToggleVisibilityOnClick(undefined, SlickNavBtn, Mask, 0, false); // no delay on the toggle.
      	ApplyToggleClassOnClick(SectionTag, SlickNavBtn, SectionTag, 'SlickNavFullWidth'); 
      	SlickNavBtn.click(function(){
          if(!bEDopen){
            IEDy = window.pageYOffset;
          	window.scrollTo(0,0);
          } else {
            window.scrollTo(0,IEDy);
          }
          bEDopen = !bEDopen;
        });
      
        var LastMenuLi = SectionTag.find("ul.root_menu > li:last-child a");
      	LastMenuLi.click(function(){
          SearchOverlay.addClass('On');
          SearchOverlay.find('input.text').focus();
          //Mask.show();
        });
		var SearchClose = SectionTag.parent().find('a.search-close');
      	SearchClose.click(function(){
          SearchOverlay.removeClass('On');
          //if(!SlickNavBtn.hasClass('slicknav_open')){
          	//Mask.hide();
          //}
        });

		// Need autocomplete="off" to be added to the search box <input> tag.
		// This stops horrible browser autocomplete text from appearing.
		SectionTag.find('div.search_div input').attr("autocomplete","off");

	  }
}

function ActivateFooter(SliceName) {
	if (bSplitFooterAddressAtSecondComma) {
		if (SectionTagExists(SliceName)) { // check if slice exists, and load into SectionTag if it does
			// .footer-column-2 can be a div or a span, so just look for the class.
			var FooterAddress = SectionTag.find('.footer-column-2');
			var AddressText = FooterAddress.text();
			AddressText = AddressText.replace(/\,/, "¬"); // change first comma
			AddressText = AddressText.replace(/\,/, ",<br>"); // now break at the 2nd comma
			AddressText = AddressText.replace(/¬/, ","); // put back first comma
			FooterAddress.html(AddressText);
		}
	}
}
 
function ActivateBlockImages(SliceName) {
	if (SectionTagExists(SliceName)) { // check if slice exists, and load into SectionTag if it does
		SectionTag.find("div.image_blocks img" ).each(function() {
			if (TextExists($(this).attr('alt'), true)) { // check if there is any alt text.
              	if(sAttrText3 === ''){sAttrText3 = 'Read more';}
				var cardGridCaption = '<div class="image_block_title_wrapper"><div class="image_block_title">' + sAttrText + '</div><div class="image_block_text">' + sAttrText2 + '</div><div class="image_block_textB">' + sAttrText3 + '</div></div>';
                if(sAttrText4 !== ''){
                  cardGridCaption = cardGridCaption.replace('<div class="image_block_title"','<div  class="image_block_title" style="color:' + sAttrText4 + ';"');
                  cardGridCaption = cardGridCaption.replace('<div class="image_block_text"','<div  class="image_block_text" style="color:' + sAttrText4 + ';"');
                }
                $(cardGridCaption).insertAfter( this );
			}
			$(this).removeAttr('title'); // remove the title attribute so that pop-up text does not appear.
		});
	}
} 

function ActivateEventsAndTalks(SliceName) {
	if (SectionTagExists(SliceName)) { // check if slice exists, and load into SectionTag if it does
		SectionTag.find("div.eventListLocation" ).each(function() {
          var D = $(this);
          if(D.children().length === 0){
			if (TextExists(D.text(), false)) { // check if there is any text.
              //console.log(sAttrText);
              	var S = '<a class="InActive">' + sAttrText + '</a>' ;
              	D.html(S);
			}
          }
		});
	}
}
 
 function ActivateCoronaVirus(SliceName) {
   if (SectionTagExists(SliceName)) { // check if slice exists, and load into SectionTag if it does
		var A = SectionTag.find('div.ArticleBody a');
     	var B = SectionTag.find('table a');
     	A.attr('href',B.attr('href'));
   }
 }
 
// The css needed for the code below is already in ContentPage.css files
var LIs;
function RemoveActiveLink(GNum) {
  var Link = '/Groups/' + GNum + '/';
  var A = LIs.children('a[href^="' + Link + '"]');
  A.removeAttr('href').css('cursor','auto');
  if (bOnTouchDevice){A.next().children().eq(0).remove();}
  // Check top box of side-bar group-nav
  var BHM = BodyTag.find('nav td.boxout_header_middle a');
  if(BHM.length === 1 && !BHM.hasClass('NotActiveGroupNavBoxLink') && BHM.attr('href').startsWith(Link)){
    BHM.removeAttr('href').addClass('NotActiveGroupNavBoxLink');
  }
  if (location.pathname.startsWith(Link)){
    if (SectionTagExists('slice_content_page')) {
      if(SectionTag.find('div.main-content').length === 0){
        var H = '<div class="main-content"><div class="ArticleBody"></div></div>';
      	$(H).prependTo(SectionTag.find('div.container'));
      }
      var SideLinks = SectionTag.find('aside nav div.group_nav_selected').clone();
      SideLinks.addClass('ClonedGroupNav');
      var Atag = SideLinks.children('a');
      Atag.removeAttr('href');
      $('<div>Please choose a sub-page:</div>').insertAfter(Atag);
      SectionTag.find('div.main-content div.ArticleBody').html(SideLinks);
    }
  }
}
 
// ########################## Check various conditions #############################

var bOnTouchDevice = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0);
var iDeskTopWidth = 992;
var iMobileScreenAllowence = 64; // Because of other stuff on a screen, you have to assume the browser window could get bigger on a rotation.
var bDesktopScreenPossible = ((screen.width + iMobileScreenAllowence) >= iDeskTopWidth || (screen.height + iMobileScreenAllowence) >= iDeskTopWidth);

var BodyTag = $('body');
var bOnSystemPopupPage = BodyTag.hasClass('system_popup') || (window.location.href.toLowerCase().indexOf('popup=yes') !== -1);
var bUserLoggedIn = BodyTag.hasClass('logged_in_user');

SectionTags = BodyTag.find('section'); // Store all the section tags to speed up later code.
var bOnContentPage = SectionTags.hasClass('slice_content_page');
var bOnSystemPage = SectionTags.hasClass('slice_system_page');
var bOnHomePage = SectionTags.hasClass('slice_SlidesFullWidth');
 
// Corrections for various hardware.
var P = navigator.platform.trim().toLowerCase();
//alert('Device: ' + P);
var bSmallAppleDevice = (P === 'iphone' || P === 'ipad' || P === 'ipod');
if (bSmallAppleDevice) {
	BodyTag.addClass('OnSmallAppleDevice');
  //alert('DeviceX: ' + P);
}
 
// Activate the slide shows first as they are usually near the top of the visible screen.
if (bOnHomePage) {

	// ##############################################################
	// # js for Slide Shows slices. We use BX-slider V4.2.5
	// ##############################################################

	// The slide-shows are hidden via CSS when the page first loads, to give a smoother page-load experience.
	// All slide-show CI modules must have a class "bannerSlides" defined within them.

	// Activate all the slide-shows. Do in sensible order, so any visible ones are done first.
// All slide shows have the same defaults at present.
  BxDefaultValues = {
      mode: 'fade',
      auto: true,
      pause: 8000,
      speed: 500,
      pager: true,
      controls: true,
      preloadImages: 'all',
      adaptiveHeight:true,
      touchEnabled:false
  };
	ActivateBxSlider('slice_SlidesFullWidth');
    ActivateCoronaVirus('CoronaVirus');
}

// #######################################
// # Menu data changes
// #######################################

// We make the required adjustments to the one set of menu HTML on the page, before cloning it and activating all the copies.

var ulModuleRootMenu = BodyTag.find('ul.root_menu');
var bMenuPresent = (ulModuleRootMenu.length !== 0);
if (bMenuPresent) {

   /* remove sub menus from Home */
   // We check that the first link actually looks like a "Home" one.
   // We assume that the home menu (if present) is the first item within a menu.
  var HomeMenuLi = ulModuleRootMenu.children('li:first-child');
  if(HomeMenuLi.children('a').text().trim().toLowerCase() === 'home'){
	  HomeMenuLi.children('ul').remove();
	  HomeMenuLi.removeClass('has_sub_menu'); // remove class
  }
  
  // Make sure the online bible goes to a fresh tab/page.
  ulModuleRootMenu.find('a[href$="/Online_Bible.aspx"]').attr("target","_blank");  
  
  // Set up the search icon in the search box.
  /*
  var DeskTopSearchBox = BodyTag.find('header div.top-link-wrapper div.search-form');
  $('<i class="journey-icon-search"></i>').appendTo(DeskTopSearchBox);
  var HiddenSearchBox = DeskTopSearchBox.find('input.button');
  var EyeGlass = DeskTopSearchBox.find('i');
  EyeGlass.click(function(){HiddenSearchBox.click();}); // set up the click.
  var InputText = DeskTopSearchBox.find('input.text');
  InputText.focus(function(){EyeGlass.addClass('InFocus');});
  InputText.blur(function(){EyeGlass.removeClass('InFocus');});
  */
  
  if (bUserLoggedIn) {
	//ulModuleRootMenu.children('li:last-child').children('ul').remove(); // delete submenus of Myarea.
	BodyTag.find('header div.top-link-wrapper a.Login').attr('href','/user/logout.aspx').text('LOGOUT');
	BodyTag.find('header div.top-link-wrapper a.Bookings').attr('href','/admin').text('WEB OFFICE');
  }  
  
  // remove copies of 1st item elements in dropdown sub-menu.
  ulModuleRootMenu.find('li.menu_item_level_2:first-child').each(function() {

	var ThisLi = $(this);
	if(ThisLi.children("a[href^='/MyArea/']").length === 0) { // only if not a link into /MyArea/...

	  if(ThisLi.siblings().length === 0) { // no other <li> so it is the only entry
		var ul = ThisLi.parent();
	    ul.parent().removeClass('has_sub_menu'); // remove class from the <li> at the level above
		ul.remove(); // delete whole parent <ul>

	  } else {
		if (bOnTouchDevice && bDesktopScreenPossible) {
			// On a touch device, the copies of the level one links at the 2nd level have to be kept for the desktop menus.
			// But in the SlickNav menus, these 2nd level links are not needed.
			// So we mark the items so we can delete them later, after data is copied into the SlickNav menu.
			ThisLi.addClass('SlickNavNotNeeded'); // Mark the 2nd level <li> tag.
		} else {
			// Not on a touch screen, so Desktop and SlickNav menus will be the structurally the same.
			ThisLi.remove(); // so just remove this <li> tag
		}
	  }
	}
  });
  
/*
LIs = ulModuleRootMenu.children();
RemoveActiveLink ('351004');
RemoveActiveLink ('351006');
*/
  
  $('<li class="MenuSearchOpen"><a><i class="journey-icon-search"></i></a></li>').appendTo(ulModuleRootMenu);

	// #######################################
	// # SlickNav menus V1.0.10
	// #######################################

	ActivateMenu('slice_Header_L');
	
	// ######## Footer Slice code ####################
	
	// If there is a header, then there is probably a footer.
	// This is the footer top. There is no need to clone this HTML.
	
	ActivateFooter("slice_FooterTop_L");

} // end of if bNeedMenus

// Here do things ONLY needed on a home page.
if (bOnHomePage) {

  	ActivateBlockImages('slice_image_blocks_3');
  
  	ActivateEventsAndTalks('EventsAndTalks'); 
  
	ActivateBxSlider('slice_WhatsOnSlidesEB_L');
  
} else if (bOnContentPage) {
  
  if (SectionTagExists('slice_content_page')) { // check if slice exists, and load into SectionTag if it does
	
	// code to try and make content images work on mobile phones. Set max-width css property is if has not already been set.
	// If width and height attributes are both set, then the image is compressed horizontally, but that is still better than it overflowing.
	var AB = SectionTag.find('div.main-content');
  	var ContentImages = AB.find('img');
	ContentImages.each(function() {
		var Img = $(this);
		if (Img.css('max-width') === 'none') {
			Img.css('max-width','100%');
		}
	});
  
  	var TopAL = AB.find('div.TopMenuEntryAL');
  	if(TopAL.length > 0){
    	SectionTag.addClass('NoGroupNav');
    }
    
    var FC = SectionTag.find('div.main-content div[id$="_elFormContents"]');
    if(FC.length > 0){
      SectionTag.addClass('HasForm');
      // Look for a invisible-recaptcha
      var IR = FC.children('div.invisible-recaptcha');
      if (IR.length === 1){
      	var ISB = FC.find('input.sitebutton[type="button"]');
        if (ISB.length === 1){
        	IR.insertAfter(ISB);
        }
      }
    }
  }
	
} else if (bOnSystemPage || bOnSystemPopupPage) {

	// work out what kind of page we are on.
	var PageType = window.location.pathname.toLowerCase();
	if (PageType.endsWith(".aspx")) {
		PageType = PageType.substring(0, PageType.indexOf(".aspx"));
		PageType = PageType.replace(/\//g, "_"); // replace all / to _ Have to use \/ to get a / in the reg-ex. The g denotes a global exchange.
		PageType = PageType + "_aspx";
	} else {
		// Assume we are on a local machine.
		PageType = '_user_registration_aspx';
	}
	//alert(PageType);

	/* Possible page types are now:
	'_calendar_month_aspx'
	'_media_allmedia_aspx'
	'_user_registration_aspx'
	'_user_copyright_aspx'
	'_user_termsandconditions_aspx'
	'_user_privacypolicy_aspx'
	'_user_help_aspx'
	'_publisher_search_aspx' - this is search results.
	'_paymentgroup_registration_aspx'
	'_myarea_walletitem_aspx'
	*/

	if (SectionTagExists("slice_system_page")) { // check if slice exists, and load into SectionTag if it does
		SystemSlice = SectionTag;
		SystemSlice.addClass(PageType); // add class onto <section> tag, so CSS can locate it.
	} else {
		BodyTag.addClass(PageType); // add class onto <body> tag, so CSS can locate it.
		BodyTag.addClass('system_popup'); // add this in case it is not on.
    }

	if (PageType === '_media_allmedia_aspx' || PageType === '_publisher_search_aspx') {
		
		// Add a toggle for the media controls.
		var MediaControls = SystemSlice.find('div#media_controls'); // these media controls are on the search page too.
		if (MediaControls.length !== 0) {
			$('<a class="system_toggle_advanced">Search Options</a>').insertBefore(MediaControls);
			ApplyToggleOnClick(SystemSlice, "a.system_toggle_advanced", MediaControls, 0, false);
          	$('<div class="LineB"></div>').insertAfter(MediaControls.children().eq(3)); // do 3 before 1
            $('<div class="LineB"></div>').insertAfter(MediaControls.children().eq(1));
          	$('<div class="Line"></div>').appendTo(MediaControls);
          	var MediaSort = SystemSlice.find('div#media_sort');
          	MediaSort.appendTo(MediaControls);
          	var XML = SystemSlice.find('ul#media_buttons');
          	XML.children().children().text('( XML feed )');
          	XML.appendTo(MediaControls);
          	var CloseImg = $('<img src="/Images/Content/2427/Templates/53446/images/IconClose.png">');
            CloseImg.click(function(){
              MediaControls.hide();
            });
          	CloseImg.prependTo(MediaControls);
		}
		
		HideDivsIfAllEmpty('media_summary_image'); // Hide some empty columns, if needed.
		
		if (PageType === '_publisher_search_aspx') { // Extra things to do on the search page.
			
			HideDivsIfAllEmpty('search_article_image'); // Hide some empty columns, if needed.
			HideDivsIfAllEmpty('search_event_image'); // Hide some empty columns, if needed.
			
			// If we have been sent to the search page explicitly then prepare the page for searching.
			 var SearchBox = SystemSlice.find('input[id$="_txtSearchStringTemplate"]');
			 if (SearchBox.length === 1) {
				 if (SearchBox.val() === 'Activate_Search') {
					 SystemSlice.find('h2').hide(); // hide the search result titles
					 SearchBox.val(''); // Clear the search text box
					 SearchBox.attr('placeholder','Type your search text here');
					 SearchBox.attr("autocomplete","off");
					 MediaControls.show(); // make the search controls show.
				 }
			 }
        } else {
          SystemSlice.find('ul.media_recording_details li:nth-child(2)').each(function(){
          	var T = $(this);
            var S = T.text().replace('Recorded: ','');
            var H = '<div class="MobileRecorded">' + S + '</div>';
            $(H).insertAfter(T.parent().parent().prev().children('div.media_recording_descr'));
          });
        }
	} 

	// Fix calendar mobile page. Add a class to days we want to hide on the mobile/list view.
	if (PageType === '_calendar_month_aspx') {
      	var C = SystemSlice.find('select.group-selector');
      	var H = SystemSlice.find('div#calendar_header');
      	C.insertAfter(H.children().eq(0));
      	$('<div class="Line"></div>').insertAfter(H.children().eq(1));
      	var S = SystemSlice.find('span.calendar_children_select');
      	S.insertAfter(H.children().eq(2));
	}

} // end of bOnHomePage or bOnSystemPage if-block
                               
// Sort out login/logout/register/web-office links
var SB = BodyTag.find('div.HiddenStatusBar');
if (SB.length === 1) {
	if (bUserLoggedIn) {
		var bWebOfficeActive = (SB.find('a.weboffice_link').length === 1);
		if (!bWebOfficeActive) { // Need to hide WO links.
			BodyTag.find('header a[href="/admin"]').hide();
			BodyTag.find('header a[href="/Admin/Default.aspx"]').hide();
			BodyTag.find('section.slice_FixedSideLinks a[href="/admin"]').hide();
		}
	} else {
		var SBRL = SB.find('a.register_link');
		if (SBRL.length === 0) { // Need to hide the register links. Need TWO versions for case changes.
			BodyTag.find('header a[href="/User/Registration.aspx"]').hide();
			BodyTag.find('header a[href="/user/registration.aspx"]').hide();
			BodyTag.find('section.slice_FixedSideLinks a[href="/User/Registration.aspx"]').hide();
			BodyTag.find('section.slice_FixedSideLinks a[href="/user/registration.aspx"]').hide();
		} else {
			var RegLink = SBRL.attr('href');
			if (RegLink !== "/User/Registration.aspx") {
				BodyTag.find('header a[href="/User/Registration.aspx"]').attr('href',RegLink);
				BodyTag.find('header a[href="/user/registration.aspx"]').attr('href',RegLink);
				BodyTag.find('section.slice_FixedSideLinks a[href="/User/Registration.aspx"]').attr('href',RegLink);
				BodyTag.find('section.slice_FixedSideLinks a[href="/user/registration.aspx"]').attr('href',RegLink);
			}
		}
	}
}
 
// Fix Footer
var LW = BodyTag.find('footer div.LogoWrapper');
 if(LW.length === 0){
 	var FSG = BodyTag.find('footer div.FooterSafeGuarding');
   if(FSG.length === 1){
     FSG.addClass('BottomBorder');
   }
 }
 
// Fix the cookies slice
HeaderSlice = BodyTag.find('header');
var CS = HeaderSlice.find('div.slice_Cookies');
 if (CS.length === 1) {
   	var IMG = CS.find('img');
   	IMG.attr('src','/Images/Content/2823/Templates/56063/images/IconClose.png');
     IMG.click(function(){
     	HeaderSlice.removeClass('HasCookieBar');
     });
    HeaderSlice.addClass('HasCookieBar');
 }
 
// Work out whether to run or not.
var PageName = window.location.hostname.toLowerCase();
if (PageName === 'aspire.churchinsight.com' || PageName === 'aspire.hubb.church') {
  var F = BodyTag.find('footer section.slice_FooterTop_L a.footer_icon_block');
  F.filter('a.facebook').attr('href','https://www.facebook.com/hubb.church');
  F.filter('a.twitter').attr('href','https://www.twitter.com/hubb_church');
  F.filter('a.instagram').attr('href','https://www.instagram.com/hubb_church');
}
 
// Sticky header
// We need iYforHeaderTintDown - iYforHeaderTintUp to be larger than the difference between heights
// for the large and small headers.
var bHeaderTintOn = false, iYforHeaderTintDown = 50,  iYforHeaderTintUp = 2;
function PollScrollDownChanges() { // This routine must be very streamlined. Called every 250ms.

	var iY = window.pageYOffset;

	if (!bHeaderTintOn && iY >= iYforHeaderTintDown) {
		if (window.innerWidth > 991) { // only apply if screen is of desktop size.
			HeaderSlice.addClass('HeaderSmall');
			bHeaderTintOn = true;
		}
	}
	if (bHeaderTintOn && iY < iYforHeaderTintUp) {
        HeaderSlice.removeClass('HeaderSmall');
		bHeaderTintOn = false;
	}
}

// If the screen is resized, then we have to click shut the SlickNav Menu, if it is open.
var iLastWidth = 0;
function ShutSlickNav() {
	var iWidth = window.innerWidth;
	if (iWidth !== iLastWidth) { // don't run code if it looks like we just have the browser top menu appearing and disappearing.
		iLastWidth = iWidth;
		if (bDesktopScreenPossible) {
			if (SlickNavBtn.hasClass('slicknav_open')){
				SlickNavBtn.click();
			}
			if (bOnHomePage && iWidth < 992 && HeaderSlice.hasClass('HeaderSmall')) { 
				HeaderSlice.removeClass('HeaderSmall');
				bHeaderTintOn = false;
			}
		}
	}
}

window.addEventListener("resize", function(){ShutSlickNav();}, false); 
if (bDesktopScreenPossible) {
	window.setInterval(function(){PollScrollDownChanges();}, 100); // poll to see if user has scrolled down.
}
 
// SlickNav poll - for the top level, when you open a sub-menu up, the others close up.
var SL = BodyTag.find('header ul.slicknav_nav');
var LI = SL.children('li.slicknav_parent'); // these are the only top-links with a sub-menu
var iOpen = -1;
var iOpenMax = LI.length - 1;
var bSwitch = true;
LI.eq(0).click(function(){if(bSwitch){iOpen=0;}});
LI.eq(1).click(function(){if(bSwitch){iOpen=1;}});
LI.eq(2).click(function(){if(bSwitch){iOpen=2;}});
LI.eq(3).click(function(){if(bSwitch){iOpen=3;}});
LI.eq(4).click(function(){if(bSwitch){iOpen=4;}});
LI.eq(5).click(function(){if(bSwitch){iOpen=5;}});
LI.eq(6).click(function(){if(bSwitch){iOpen=6;}});
LI.eq(7).click(function(){if(bSwitch){iOpen=7;}});
LI.eq(8).click(function(){if(bSwitch){iOpen=8;}});
LI.eq(9).click(function(){if(bSwitch){iOpen=9;}});
LI.eq(10).click(function(){if(bSwitch){iOpen=10;}});
LI.eq(11).click(function(){if(bSwitch){iOpen=11;}}); // enough code for 12 sub-menus.
 
 function SlickNavPoll() {   
   if(iOpen !== -1){
    var i;
    for (i = 0; i <= iOpenMax; i++) {
      if(i !== iOpen){
        if(LI.eq(i).hasClass('slicknav_open')){
          bSwitch = false;
          LI.eq(i).children('a').click();
          bSwitch = true;
      	}
      }
    } // end for       
   }
 }
window.setInterval(function(){SlickNavPoll();}, 250);

});